<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			#div1{
				width: 1000px;
				height: 1000px;
				background-color: blue;
			}
			#d2{
				width: 200px;
				height: 200px;
				background-color: aqua;
			}
			#d3{
				width: 200px;
				height: 200px;
				background-color: chartreuse;
			}
		</style>
	</head>
	<!-- 2.新制作一个页面，要求：
	       2.1 至少包含以下元素：3个DIV,标题，5个P标签，图片，列表 
	       2.2 分别实现 id,类，标签三种方式查找以上元素 -->
	<body>
		<div id="div1">
			<img src="./img/aa.jpg" >
			<div id="d2"  class="div2">
				<p>便签1</p>
				<p>便签2</p>
				<p>便签3</p>
				<p>便签4</p>
				<p>便签5</p>
			</div>
			<div id="d3" name='div3'>
				
			</div>
			
		</div>
		<button type="button" onclick="huoqu()">获取div元素</button>
	</body>
	<script type="text/javascript">
		function huoqu(){
			var huoqu1 =document.getElementById('div1')
			console.log(huoqu1)
			var houqu2= document.getElementsByClassName('div2')
			console.log(houqu2)
			var houqu3=document.getElementsByName('div3')
			console.log(houqu3)
		}
	</script>
</html>
